
//- 清楚浮动
.clear_float
  clear both

// 面包屑
.bread-nav
  border none

.c-info-wrapper
  height 100%
  border 1px solid #eef3f6
  margin-bottom 40px
  .c-left-side
    height auto
    float left
  .c-info-right
    float left
    .c-fund-title
      font-size 1.25em
      color #333
      line-height 3.75em
    .c-prod-tit
      li
        span
          color #999
          font-family "Microsoft YaHei"
          line-height 40px
        .c-text-center
          text-align center
    .c-prod-main
      li
        &:nth-child(odd)
          background #f9fbff
        a
          font-family "Microsoft YaHei"
          cursor pointer
          &:hover
            color #2cb1dc
        span
          color #525252
          font-family "Microsoft YaHei"
        .c-text-center
          text-align center
        .c-blue
          color #2c7edc
        .c-orange
          color #fd7140
        .c-gray
          color #999

// 显示更多
.c-view-more
  padding 2em 0 2em
  a
    padding 0.6em 0
    display block
    text-align center
    background #f3f3f3
    span
      color #333
      font-weight 400
    &:hover
      text-decoration none
      background-color rgba(206,210,218,0.6)

// 无数据的时候处理
.c-no-data
  width 140px
  height 106px
  margin 0 auto
  margin-top 10%
  background url('./img/empty.png') no-repeat center center
  position relative
  p
    position absolute
    bottom -2.1em
    color #888
    font-size 0.8em
    left 50%
    margin-left -2em
    line-height 1.6em
    font-family "Microsoft YaHei"

// 屏幕大于1200px的情况
@media (min-width:1201px)
  //- 隐藏小屏幕
  .c-info-main-small
    display none
  .c-info-right
    width 898px
    padding 6px 28px 60px
  .c-prod-tit
    li
      padding-left 12px
    span
      font-size 1em
  .c-prod-main
    li
      height 50px
      padding-left 12px
    a
      font-size 14px
      line-height 50px
      &:hover
        color #2cb1dc
    span
      font-size 14px
      line-height 50px

// 屏幕小于1200px的情况
@media (max-width:1200px) and (min-width:768px)
  //- 隐藏小屏幕
  .c-info-main-small
    display none
  .c-left-side
    width 100%
  .c-info-right
    width 100%
    padding 6px 10px 60px
  .c-fund-tit
    padding-left 10px
  .c-info-main
    width 100% !important
  .c-prod-tit
    li
      padding-left 12px
    span
      font-size 1em
  .c-prod-main
    li
      height 50px
      padding-left 12px
    a
      font-size 14px
      line-height 50px
      &:hover
        color #2cb1dc
    span
      font-size 14px
      line-height 50px

@media (max-width:767px) and (min-width:427px)
  // 隐藏大屏幕
  .c-info-main
    display none
  .c-left-side
    width 100%
  .c-info-right
    width 100%
    padding-bottom 60px
  .c-fund-tit
    padding-left 12px
  .c-prod-tit
    li
      padding-left 12px
    span
      font-size 14px
  .c-prod-main
    li
      height 50px
      padding-left 12px
      a
        font-size 14px
        line-height 50px
        &:hover
          color #2cb1dc
      span
        font-size 14px
        line-height 50px

@media (max-width:426px)
  // 隐藏大屏幕
  .c-info-main
    display none
  .c-left-side
    width 100%
  .c-info-right
    width 100%
    padding-bottom 30px
    min-height 16em
  .c-fund-tit
    padding-left 6px
  .c-prod-tit
    li
      padding-left 6px
      span
        font-size 14px
  .c-prod-main
    li
      padding-top 6px
      height 44px
      padding-left 6px
    a
      font-size 12px
      &:hover
        color #2cb1dc
    span
      font-size 12px